<%@ page contentType="text/html; charset=utf-8" language="java"%>
<%@ page import="com.zhz.lib.project.ibatis.dataobject.*"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
	String appPath = request.getContextPath();
	String allPath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort();
	pageContext.setAttribute("appPath", appPath);
	pageContext.setAttribute("allPath", allPath);
%>
<jsp:include page="common/head.jsp" flush="true"/>

<div class="area ui-news-right-bottom clearfix">
	<div class="g-783">
	<jsp:include page="common/menu.jsp" flush="true"/>
	
        <div class="top-search-bar">
    	  <img src="image/img_3.jpg" width="109" height="28" class="left" alt="资源检索"/>
        	<ul class="ui-search-list">
           	  <li class="on">馆藏目录</li>
                <li>期刊</li>
                <li>数据库</li>
                <li>图书</li>
                <li>Google学术</li>
            </ul>
        </div>
        <div class="search-box">
        	<div class="search-box-item on">
        		<input type="text" class="search-box-input"  value="1这里输入您要检索的内容" onclick="this.value=''"/>
                <input type="button" class="search-box-btn" />
                <div class="search-box-checkbox"><input type="radio"/> <label>OPAC</label> <input type="radio"/> <label>OPAC</label> <input type="radio"/> <label>OPAC</label></div>
            </div>
            <div class="search-box-item">
        		<input type="text" class="search-box-input"  value="2这里输入您要检索的内容" onclick="this.value=''"/>
                <input type="button" class="search-box-btn" />
                <div class="search-box-checkbox"><input type="radio"/> <label>OPAC</label> <input type="radio"/> <label>OPAC</label> <input type="radio"/> <label>OPAC</label></div>
            </div>
            <div class="search-box-item">
        		<input type="text" class="search-box-input"  value="3这里输入您要检索的内容" onclick="this.value=''"/>
                <input type="button" class="search-box-btn" />
                <div class="search-box-checkbox"><input type="radio"/> <label>OPAC</label> <input type="radio"/> <label>OPAC</label> <input type="radio"/> <label>OPAC</label></div>
            </div>
            <div class="search-box-item">
        		<input type="text" class="search-box-input"  value="4这里输入您要检索的内容" onclick="this.value=''"/>
                <input type="button" class="search-box-btn" />
                <div class="search-box-checkbox"><input type="radio"/> <label>OPAC</label> <input type="radio"/> <label>OPAC</label> <input type="radio"/> <label>OPAC</label></div>
            </div>
            <div class="search-box-item">
        		<input type="text" class="search-box-input"  value="5这里输入您要检索的内容" onclick="this.value=''"/>
                <input type="button" class="search-box-btn" />
                <div class="search-box-checkbox"><input type="radio"/> <label>OPAC</label> <input type="radio"/> <label>OPAC</label> <input type="radio"/> <label>OPAC</label></div>
            </div>
        </div>
        <div class="menu-list-bar">
			<c:forEach var="subCustomVO" items="${customVOList}" varStatus="status">
	        	<div class="list-panel">
	            	<h2 class="list-panel-title">${subCustomVO.title}</h2>
	                <ul class="list-panel-list">
						<c:forEach var="subCustomVO2" items="${subCustomVO.subCustomVOList}" varStatus="status">
			            	<li><a href="<%=appPath%>/custom.htm?id=${subCustomVO2.customId}">${subCustomVO2.title}</a></li>
			        	</c:forEach>
	                </ul>
	            </div>
        	</c:forEach>
        </div>
        <div class="news-bar-top"><img src="image/img_9.jpg" width="116" height="27" /></div>
        <div class="news-bar">
        	<div class="news-bar-left">
				<ul class="news-list">
					<c:forEach var="newsVO" items="${newsVOList}" varStatus="status" begin="0" step="2" end="6">
                		<li><a href="<%=appPath%>/news.htm?event=single&id=${newsVO.newsId}">${newsVO.title}</a></li>
					</c:forEach>
                </ul>
            </div>
            <div class="news-bar-right">
            	<ul  class="news-list">
 					<c:forEach var="newsVO" items="${newsVOList}" varStatus="status" begin="1" step="2" end="7">
                		<li><a href="<%=appPath%>/news.htm?event=single&id=${newsVO.newsId}">${newsVO.title}</a></li>
					</c:forEach>
                </ul>
            </div>
        </div>
	<jsp:include page="common/news-bar-bottom.jsp" flush="true"/>
    </div>
	<jsp:include page="common/news-right-top.jsp" flush="true"/>
</div>
<jsp:include page="common/foot.jsp" flush="true"/>
<script type="text/javascript">
//<![CDATA[
var xl = function() {};

// t:tabs @array
// c:contents @array
// e:event @string
// _t:time @number
// class @string
xl.tabs = function(t,c,e,_t,class) {
	t.bind(e,function(e){
					  //现游标所在位
					  var _now = t.index(this);
					  //切换
					 $(this).addClass(class).siblings().removeClass(class);
					 $(c.get(_now)).addClass(class).siblings().removeClass(class)
					  })	
}
		   
xl.tabs($(".ui-search-list > li"),$(".search-box-item"),"mouseover",1000,"on")	;		

//]]>
</script>
